---
layout: splash
classes:
  - empty-header
  - custom-splash
---
<section itemprop="text">
  <div class="tire">
    {% if site.data.sponsor.tire_column.form %}
      {% assign form = site.data.sponsor.tire_column.form %}
      <div class="tire-item">
        <div class="tire-item__title">{{ form.subject }}</div>
        <div class="tire-item__price">$</div>
        <div class="tire-item__period">PER MONTH</div>
        {% include form.html form=form %}
      </div>
    {% endif %}
    {% for tire in site.data.sponsor.tire_column.tires %}
      {% if tire.invisible != true %}
        <div class="tire-item">
          <div class="tire-item__title">{{ tire.title }}</div>
          <div class="tire-item__price">${{ tire.price }}</div>
          <div class="tire-item__period">PER MONTH</div>
          <button id="{{ tire.btn_id }}" class="btn btn--success btn--large">Join</button>
          <div>
            <ul>
              {% for b in tire.benefits %}
                <li>{{ b | markdownify | remove: "<p>" | remove: "</p>" }}</li>
              {% endfor %}
            </ul>
          </div>
        </div>
      {% endif %}
    {% endfor %}
  </div>
  {% comment %}
  <div class="tire__disclaimer">
    <ul>
      {% for d in site.data.sponsor.tire_column.disclaimer %}
        <li>{{ d }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endcomment %}

</section>
<section class="text-content" itemprop="text">
  {{ content }}
</section>
<section>
  <h1 id="contact-us">Contact Us</h1>
  {% include form.html form=site.data.sponsor.form %}
</section>


{% include vendors/stripe.html %}
